<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>宝生和鸣</title>
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
  <meta content="yes" name="apple-mobile-web-app-capable">
  <meta content="black" name="apple-mobile-web-app-status-bar-style">
  <meta content="telephone=no" name="format-detection">
  <link rel="icon" href="images/favicon.ico" type="image/x-icon">
  <link rel="stylesheet" href="./layui/css/layui.css">
  <link rel="stylesheet" href="css/style.css">
  <link rel="stylesheet" href="css/animation.css">
  <link rel="stylesheet" type="text/css" media="screen and (min-width:961px)" href="./css/pc.css">
  <link rel="stylesheet" type="text/css" media="screen and (max-width:960px)" href="./css/wap.css">
  <style>
    html,
    body {
      background: #fff;
    }
     .product-img .desc{
      background-color: #ab7c45;
    }
  </style>
</head>

<body ontouchstart>
  <div class="b-doc">
    <div class="b-bd">
      <!-- header 模块 -->
      <div class="header header-bg-black">
        <div class="header-container clear">
          <img src="images/logo.png" class="logo">
          <div class="nav-btn">
            <span class="n1"></span>
            <span class="n2"></span>
            <span class="n3"></span>
          </div>
          <div class="nav clear">
            <a class="nav-item" href="index.html">
              <span class="text">首页</span>
            </a>
            <a class="nav-item" href="news.html">
              <span class="text">新闻资讯</span>
            </a>
            <a class="nav-item on" href="product.html">
              <span class="text">产品介绍</span>
            </a>
            <a class="nav-item" href="about.html">
              <span class="text">关于我们</span>
            </a>
            <a class="nav-item wap-hide" href="personCenter.html">
              <span class="text">个人中心</span>
            </a>
            <a class="nav-item personal" href="personCenterWap.html">
              <span class="text">个人中心</span>
            </a>
          </div>
        </div>
      </div>
      <div class="pop-nav" style="background: rgba(255, 255, 255, 0); position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 10; display: none;"></div>
      <div class="content">
        <div class="main">
          <div class="breadcrumb">
            <div class="breadcrumb-main clear">
              <div class="breadcrumb-hd">您的位置：</div>
              <ul class="breadcrumb-bd clear">
                <li class="breadcrumb-item">
                  <a href="index.html">首页</a>
                </li>
                <li class="breadcrumb-item">
                  <a href="product.html">产品介绍</a>
                </li>
                <li class="breadcrumb-item cur">立群能量源</li>
              </ul>
            </div>
          </div>
        </div>
        <div class="title-img product-img">
          <img class="product-img-pc" src="images/prod-bg3-1.jpg" alt="">
          <img class="product-img-wap" src="images/prod-bg3-2.jpg" alt="">
          <div class="desc">
            <div class="name">立群能量源</div>
            <p class="text">【核心成分】</p>
            <p class="text">水解蛋白: 更加容易及直接被人体吸收,构建细胞,修复组织。</p>
            <p class="text">酵素: 组织细胞的新生,分解体内毒素和代谢废物,参与脂肪和肝醣作分解,产生能量。</p>
            <p class="text">石榴多酚: 抗氧化,抑制细胞衰老,具有抗变异原性和抑制癌细胞增值作用。</p>
            <p class="text">纯麦芽: 养颜、补中益气，滋润内脏，开胃除烦。</p>
          </div>
        </div>
        <div class="product-info">
          <div class="main">
            <div class="name">商品详情</div>
            <div class="product-pc">
              <img src="./images/pdc3-01.jpg" alt="">
              <img src="./images/pdc3-02.jpg" alt="">
            </div>
            <div class="product-wap">
              <img src="./images/pdc3-001.jpg" alt="">
              <img src="./images/pdc3-002.jpg" alt="">
              <img src="./images/pdc3-003.jpg" alt="">
              <img src="./images/pdc3-004.jpg" alt="">
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="goTop">
    <a class="gotopIcon" onclick="$('body,html').animate({scrollTop: 0 },500);"></a>
  </div>
  <div class="footer clear">
    <div class="ft-content">
      <div class="ft-logo">
        <img src="images/logo.png" alt="">
      </div>
      <div class="ft-site">
        <h3>深圳市宝生和鸣生物科技有限公司</h3>
        <p>联系电话：4000031909</p>
        <p>公司地址：深圳前海宝安中心区的卓越时代广场</p>
      </div>
      <div class="ft-share">
        <div>
          <a href="#">
            <img src="images/ft-1.png" alt="">
            <p>微信公众号</p>
          </a>
        </div>
        <div>
          <a href="#">
            <img src="images/ft-2.png" alt="">
            <p>微博</p>
          </a>
        </div>
        <div>
          <a href="#">
            <img src="images/ft-3.png" alt="">
            <p>QQ客服</p>
          </a>
        </div>
      </div>
    </div>
  </div>
  <script src="js/jquery-1.8.3.min.js"></script>
  <script src="./layui/layui.js"></script>
  <script src="js/fastclick.js"></script>
  <script src="js/common.js"></script>
  <script>
    layui.use(['jquery'], function () {
      var $ = layui.$;
      $(function () {
        $(window, document).bind('scroll', function () {
          if ($(window).width() > 960) {
            if ($(this).scrollTop() > 500) {
              $('.goTop').fadeIn('slow');
            } else {
              $('.goTop').fadeOut('slow');
            }
          } else {
            return
          }
        });
      })
    });
  </script>
</body>

</html>